<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>取消预定信息</title>
    <link rel="stylesheet" href="../css/layui.css">
</head>
<body>
<header th:replace="common/header"></header>
<div class="layui-container">
    <div style="margin: 0 auto;margin-top: 5%;margin-left: 15%">
        <span th:text="${msg}" style="color: red"></span>
        <form action="/customer/canceledReserve" method="post" th:object="${room_reserve}" >

            <div class="layui-form-item">
                <label class="layui-form-label">订单编号: </label>
                <div class="layui-input-inline">
                    <!--                <span class="layui-input" th:name="productId" th:text="*{productId}">id</span>-->
                    <input type="text"  name="reserver_id" th:field="*{reserver_id}" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">客户姓名:  </label>
                <div class="layui-input-inline">
                    <input type="text"  name="customer_name" th:field="*{customer_name}" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">取消时间:</label>
                <div class="layui-input-inline">
                    <input type="text" name="cancle_time"  th:field="*{cancle_time}"  class="layui-input">
                    <!--            <img th:src="*{descriptionImage}">-->
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">取消原因:</label>
                <div class="layui-input-inline">
                    <input type="text" name="cancle_reason"  th:field="*{cancle_reason}"  class="layui-input">
                    <!--            <img th:src="*{descriptionImage}">-->
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">确认取消订单</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
</div>
<footer th:replace="common/bottom"></footer>
</body>
<script src="../js/layui.all.js"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;

    });
</script>
</html>